<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!-- 
taglib prefix="jump" uri="/jump/taglib"%>
 -->
<%String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<base href="<%=basePath%>admin/pack/packFlow/">
		<link rel="stylesheet" type="text/css" href="<%=basePath%>admin/pack/css/process.css" />
		<script type="text/javascript" src="<%=basePath%>admin/pack/js/jquery-1.4.2.min.js"></script>
		<script language="JavaScript">
			selectId = ${selected}
			//alert(selectId);
		</script>
		<script type="text/javascript" src="<%=basePath%>admin/pack/js/process.js"></script>
		<title>无标题文档</title>
		<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.STYLE1 {
	font-size: 12px
}

.STYLE4 {
	font-size: 12px;
	color: #1F4A65;
	font-weight: bold;
}

a:link {
	font-size: 12px;
	color: #06482a;
	text-decoration: none;
}

a:visited {
	font-size: 12px;
	color: #06482a;
	text-decoration: none;
}

a:hover {
	font-size: 12px;
	color: #FF0000;
	text-decoration: underline;
}

a:active {
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
}

.STYLE7 {
	font-size: 12
}

.showcontent div {
	display: block;
}
-->
</style>

		<script>
var  highlightcolor='#eafcd5';
//此处clickcolor只能用win系统颜色代码才能成功,如果用#xxxxxx的代码就不行,还没搞清楚为什么:(
var  clickcolor='#51b2f6';
function  changeto(){
source=event.srcElement;
if  (source.tagName=="TR"||source.tagName=="TABLE")
return;
while(source.tagName!="TD")
source=source.parentElement;
source=source.parentElement;
cs  =  source.children;
//alert(cs.length);
if  (cs[1].style.backgroundColor!=highlightcolor&&source.id!="nc"&&cs[1].style.backgroundColor!=clickcolor)
for(i=0;i<cs.length;i++){
	cs[i].style.backgroundColor=highlightcolor;
}
}

function  changeback(){
if  (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="nc")
return
if  (event.toElement!=source&&cs[1].style.backgroundColor!=clickcolor)
//source.style.backgroundColor=originalcolor
for(i=0;i<cs.length;i++){
	cs[i].style.backgroundColor="";
}
}

function  clickto(){
source=event.srcElement;
if  (source.tagName=="TR"||source.tagName=="TABLE")
return;
while(source.tagName!="TD")
source=source.parentElement;
source=source.parentElement;
cs  =  source.children;
//alert(cs.length);
if  (cs[1].style.backgroundColor!=clickcolor&&source.id!="nc")
for(i=0;i<cs.length;i++){
	cs[i].style.backgroundColor=clickcolor;
}
else
for(i=0;i<cs.length;i++){
	cs[i].style.backgroundColor="";
}
}

function selectAll(){
   var val = $('#all').attr('checked');
   $('.contextIn input.STYLE2').attr({checked:val});
  }
</script>

	</head>
	<body>
		<table width="100%" border="0" align="center" cellpadding="0"
			cellspacing="0">
			<tr>
				<td height="30">
					<table width="100%" cellspacing="0" cellpadding="0" border="0px">
						<tr>
							<td height="30" width="15">
								<img height="30" width="15" src="<%=basePath%>admin/tab/images/tab_03.gif">
							</td>
							<td width="1101" background="<%=basePath%>admin/tab/images/tab_05.gif">
								<img height="16" width="16" src="<%=basePath%>admin/tab/images/311.gif">
								<span class="STYLE4">包装流程管理</span>
							</td>
							<td width="281" background="<%=basePath%>admin/tab/images/tab_05.gif">
								<table cellspacing="0" cellpadding="0" border="0" align="right">
									<tr>
										<td width="60">
											<table width="87%" cellspacing="0" cellpadding="0" border="0">
												<tr align="center">
													<td class="STYLE1">
														<input type="checkbox" id="all" value="checkbox" name="checkbox62" onclick="selectAll();">
													</td>
													<td class="STYLE1" >
														全选
													</td>
												</tr>
											</table>
										</td>
										<td width="60">
											<table width="90%" cellspacing="0" cellpadding="0" border="0">
												<tr align="center">
													<td class="STYLE1">
														<img height="14" width="14" src="<%=basePath%>admin/tab/images/001.gif">
													</td>
													<td class="STYLE1">
														<a id="addButton" href="#" onclick="return false;">新增</a>
													</td>
												</tr>
											</table>
										</td>
										
										<td width="52">
											<table width="88%" cellspacing="0" cellpadding="0" border="0">
												<tr align="center">
													<td class="STYLE1">
														<img height="14" width="14" src="<%=basePath%>admin/tab/images/083.gif">
													</td>
													<td class="STYLE1">
														删除
													</td>
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</td>
							<td width="14">
								<img height="30" width="14" src="<%=basePath%>admin/tab/images/tab_07.gif">
							</td>
						</tr>

					</table>
				</td>
			</tr>

			
			<tr>
				<td>
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td width="9" background="<%=basePath%>admin/tab/images/tab_12.gif">
								&nbsp;
							</td>
							<td bgcolor="#f3ffe3">
								<table width="99%" border="0" align="center" cellpadding="0"
									cellspacing="1" bgcolor="#c0de98" onmouseover="changeto()"
									onmouseout="changeback()">
									<ul>
										<li class="checkTabIn">
											<span>&nbsp;&nbsp;</span>
											<a href="#" onclick="return false;">红茶</a>
										</li>
										<li>
											<span>&nbsp;&nbsp;</span><a href="#" onclick="return false;">绿茶</a>
										</li>
										<li>
											<span>&nbsp;&nbsp;</span><a href="#" onclick="return false;">黑茶</a>
										</li>
									</ul>
								</table>
							</td>
							<td width="10" background="<%=basePath%>admin/tab/images/tab_16.gif">
								&nbsp;
							</td>
						</tr>
					</table>
				</td>
			</tr>

			<tr>
				<td class="check">
				   <!-- 中间显示的内容1 开始 -->
					<div class="contextIn">
						<table width="100%" border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td width="9" background="<%=basePath%>admin/tab/images/tab_12.gif">
									&nbsp;
								</td>
								<td bgcolor="#f3ffe3">

									<!-- 中间显示的内容 开始 -->
									<table width="100%" border="0" cellspacing="0" cellpadding="0"
										class="showcontent">
										<tr>
											<td bgcolor="#f3ffe3">
												<table width="99%" border="0" align="center" cellpadding="0"
													cellspacing="1" bgcolor="#c0de98" onmouseover="changeto()"
													onmouseout="changeback()">
													<tr>
														<td width="8%" height="26"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2 STYLE1">
																选择
															</div>
														</td>
														<td width="8%" height="18"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2 STYLE1">
																编号
															</div>
														</td>
														<td width="15%" height="18"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2">
																描述
															</div>
														</td>
														<td width="15%" height="18"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2 STYLE1">
																产生的产品名称
															</div>
														</td>
														<td width="15%" height="18"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2 STYLE1">
																产生的产品规格
															</div>
														</td>
														<td width="8%" height="18"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2">
																修改
															</div>
														</td>
														<td width="8%" height="18"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2">
																删除
															</div>
														</td>
													</tr>
													<!-- 从这里循环显示包装流程信息 -->
												<c:forEach items="${listPackingFlow0}" var="packingFlow">
													<tr>
														<td height="18" bgcolor="#FFFFFF">
															<div align="center" class="STYLE1">
																<input name="checkbox" type="checkbox" class="STYLE2"
																	value="checkbox" />
															</div>
														</td>
														<td height="18" bgcolor="#FFFFFF" class="STYLE2">
															<div align="center" class="STYLE2 STYLE1">
																${packingFlow.packingFlowId }
															</div>
														</td>
														<td height="18" bgcolor="#FFFFFF">
															<div align="center" class="STYLE2 STYLE1">
																${packingFlow.description }
															</div>
														</td>
														<td height="18" bgcolor="#FFFFFF">
															<div align="center" class="STYLE2 STYLE1">
																${packingFlow.goodsName }
															</div>
														</td>
															<td height="18" bgcolor="#FFFFFF">
															<div align="center" class="STYLE2 STYLE1">
																${packingFlow.goodsSpecification }
															</div>
														</td>
														<td height="18" bgcolor="#FFFFFF">
															<div align="center">
																<img src="<%=basePath%>admin/tab/images/037.gif" width="9" height="9" />
																<span class="STYLE1"></span><a
																	href="updatePackFlowTo?packingFlow.packingFlowId=${packingFlow.packingFlowId }">修改</a><span class="STYLE1"></span>
															</div>
														</td>
														<td height="18" bgcolor="#FFFFFF">
															<div align="center">
																<span class="STYLE2"><img
																		src="<%=basePath%>admin/tab/images/010.gif" width="9" height="9" />
																</span><span class="STYLE1"></span><a href="delPackFlow?packingFlow.packingFlowId=${packingFlow.packingFlowId }">删除</a><span
																	class="STYLE1"></span>
															</div>
														</td>
													</tr>
												</c:forEach>
												</table>
											</td>
										</tr>
									</table>
								</td>
								<td width="9" background="<%=basePath%>admin/tab/images/tab_16.gif">
									&nbsp;
								</td>
							</tr>
						</table>
						<table width="100%" border="0" cellspacing="0" cellpadding="0">
							<tr>
							    <td height="29"><table width="100%" border="0" cellspacing="0" cellpadding="0">
							      <tr>
							        <td width="15" height="29"><img src="<%=basePath%>admin/tab/images/tab_20.gif" width="15" height="29" /></td>
							        <td background="<%=basePath%>admin/tab/images/tab_21.gif">
							         	<jump:page total="${total }" page="${page}" property="page" action="list"></jump:page>
							        </td>
							      </tr>
							    </table></td>
							    <td width="14"><img src="<%=basePath%>admin/tab/images/tab_22.gif" width="14" height="29" /></td>
							 </tr>
						  </table>
					</div>
				   <!--下面为另一种品种的流程信息 -->
					<div >
						<table width="100%" border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td width="9" background="<%=basePath%>admin/tab/images/tab_12.gif">
									&nbsp;
								</td>
								<td bgcolor="#f3ffe3">
									<table width="100%" border="0" cellspacing="0" cellpadding="0"
										class="showcontent">
										<tr>
											<td bgcolor="#f3ffe3">
												<table width="99%" border="0" align="center" cellpadding="0"
													cellspacing="1" bgcolor="#c0de98" onmouseover="changeto()"
													onmouseout="changeback()">
													<tr>
														<td width="8%" height="26"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2 STYLE1">
																选择
															</div>
														</td>
														<td width="8%" height="18"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2 STYLE1">
																编号
															</div>
														</td>
														<td width="15%" height="18"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2">
																描述
															</div>
														</td>
														<td width="15%" height="18"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2 STYLE1">
																产生的产品名称
															</div>
														</td>
														<td width="15%" height="18"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2 STYLE1">
																产品规格
															</div>
														</td>
														<td width="8%" height="18"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2">
																修改
															</div>
														</td>
														<td width="8%" height="18"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2">
																删除
															</div>
														</td>
													</tr>
													<!-- 开始循环显示流程信息 -->
													<c:forEach items="${listPackingFlow1}" var="packingFlow">
													<tr>
														<td height="18" bgcolor="#FFFFFF">
															<div align="center" class="STYLE1">
																<input name="checkbox" type="checkbox" class="STYLE2"
																	value="checkbox" />
															</div>
														</td>
														<td height="18" bgcolor="#FFFFFF" class="STYLE2">
															<div align="center" class="STYLE2 STYLE1">
																${packingFlow.packingFlowId }
															</div>
														</td>
														<td height="18" bgcolor="#FFFFFF">
															<div align="center" class="STYLE2 STYLE1">
																${packingFlow.description }
															</div>
														</td>
														<td height="18" bgcolor="#FFFFFF">
															<div align="center" class="STYLE2 STYLE1">
																${packingFlow.goodsName }
															</div>
														</td>
														<td height="18" bgcolor="#FFFFFF">
															<div align="center" class="STYLE2 STYLE1">
																${packingFlow.goodsSpecification }
															</div>
														</td>
														<td height="18" bgcolor="#FFFFFF">
															<div align="center">
																<img src="<%=basePath%>admin/tab/images/037.gif" width="9" height="9" />
																<span class="STYLE1"></span><a
																	href="updatePackFlowTo?packingFlow.packingFlowId=${packingFlow.packingFlowId }">修改</a><span class="STYLE1"></span>
															</div>
														</td>
														<td height="18" bgcolor="#FFFFFF">
															<div align="center">
																<span class="STYLE2"><img
																		src="<%=basePath%>admin/tab/images/010.gif" width="9" height="9" />
																</span><span class="STYLE1"></span><a href="delPackFlow?packingFlow.packingFlowId=${packingFlow.packingFlowId }">删除</a><span
																	class="STYLE1"></span>
															</div>
														</td>
													</tr>
													</c:forEach>
												</table>
											</td>
										</tr>
									</table>
								</td>
								<td width="9" background="<%=basePath%>admin/tab/images/tab_16.gif">
									&nbsp;
								</td>
							</tr>
						</table>
						<table width="100%" border="0" cellspacing="0" cellpadding="0">
							<tr>
							    <td height="29"><table width="100%" border="0" cellspacing="0" cellpadding="0">
							      <tr>
							        <td width="15" height="29"><img src="<%=basePath%>admin/tab/images/tab_20.gif" width="15" height="29" /></td>
							        <td background="<%=basePath%>admin/tab/images/tab_21.gif">
							         	<jump:page total="${total }" page="${page}" property="page" action="list"></jump:page>
							        </td>
							      </tr>
							    </table></td>
							    <td width="14"><img src="<%=basePath%>admin/tab/images/tab_22.gif" width="14" height="29" /></td>
							 </tr>
						  </table>
						<!-- 
						<table width="100%" border="0" cellspacing="0" cellpadding="0">
					      <tr>
						    <td height="29"><table width="100%" border="0" cellspacing="0" cellpadding="0">
						      <tr>
						        <td width="15" height="29"><img src="<%=basePath%>admin/tab/images/tab_20.gif" width="15" height="29" /></td>
						        <td background="<%=basePath%>admin/tab/images/tab_21.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
						          <tr>
						            <td width="25%" height="29" nowrap="nowrap"><span class="STYLE1">共120条纪录，当前第1/10页，每页10条纪录</span></td>
						            <td width="75%" valign="top" class="STYLE1"><div class="STYLE1" align="right">
						              <table width="352" height="20" border="0" cellpadding="0" cellspacing="0">
						                <tr>
						                  <td width="62" height="22" valign="middle"><div class="STYLE1" align="right"><img src="<%=basePath%>admin/tab/images/first.gif" width="37" height="15" /></div></td>
						                  <td width="50" height="22" valign="middle"><div class="STYLE1" align="right"><img src="<%=basePath%>admin/tab/images/back.gif" width="43" height="15" /></div></td>
						                  <td width="54" height="22" valign="middle"><div class="STYLE1" align="right"><img src="<%=basePath%>admin/tab/images/next.gif" width="43" height="15" /></div></td>
						                  <td width="49" height="22" valign="middle"><div class="STYLE1" align="right"><img src="<%=basePath%>admin/tab/images/last.gif" width="37" height="15" /></div></td>
						                  <td width="59" height="22" valign="middle"><div class="STYLE1" align="right">转到第</div></td>
						                  <td width="25" height="22" valign="middle"><span class="STYLE7">
						                    <input name="textfield" type="text" class="STYLE1" style="height:10px; width:25px;" size="5" />
						                  </span></td>
						                  <td width="23" height="22" valign="middle">页</td>
						                  <td width="30" height="22" valign="middle"><img src="<%=basePath%>admin/tab/images/go.gif" width="37" height="15" /></td>
						                </tr>
						              </table>
						            </div></td>
						          </tr>
						        </table></td>
						        <td width="14"><img src="<%=basePath%>admin/tab/images/tab_22.gif" width="14" height="29" /></td>
						      </tr>
						    </table></td>
						  </tr>
					    </table>
					   -->
					</div>
					<!-- 另外一个品种的包装流程信息 -->
					<div >
						<table width="100%" border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td width="9" background="<%=basePath%>admin/tab/images/tab_12.gif">
									&nbsp;
								</td>
								<td bgcolor="#f3ffe3">
									<table width="100%" border="0" cellspacing="0" cellpadding="0"
										class="showcontent">
										<tr>
											<td bgcolor="#f3ffe3">
												<table width="99%" border="0" align="center" cellpadding="0"
													cellspacing="1" bgcolor="#c0de98" onmouseover="changeto()"
													onmouseout="changeback()">
													<tr>
														<td width="8%" height="26"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2 STYLE1">
																选择
															</div>
														</td>
														<td width="8%" height="18"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2 STYLE1">
																编号
															</div>
														</td>
														<td width="15%" height="18"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2">
																描述
															</div>
														</td>
														<td width="15%" height="18"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2 STYLE1">
																产生的产品名称
															</div>
														</td>
														<td width="15%" height="18"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2 STYLE1">
																产品规格
															</div>
														</td>
														<td width="8%" height="18"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2">
																修改
															</div>
														</td>
														<td width="8%" height="18"
															background="<%=basePath%>admin/tab/images/tab_14.gif" class="STYLE1">
															<div align="center" class="STYLE2">
																删除
															</div>
														</td>
													</tr>
													<!-- 开始循环显示流程信息 -->
													<c:forEach items="${listPackingFlow2}" var="packingFlow">
													<tr>
														<td height="18" bgcolor="#FFFFFF">
															<div align="center" class="STYLE1">
																<input name="checkbox" type="checkbox" class="STYLE2"
																	value="checkbox" />
															</div>
														</td>
														<td height="18" bgcolor="#FFFFFF" class="STYLE2">
															<div align="center" class="STYLE2 STYLE1">
																${packingFlow.packingFlowId }
															</div>
														</td>
														<td height="18" bgcolor="#FFFFFF">
															<div align="center" class="STYLE2 STYLE1">
																${packingFlow.description }
															</div>
														</td>
														<td height="18" bgcolor="#FFFFFF">
															<div align="center" class="STYLE2 STYLE1">
																${packingFlow.goodsName }
															</div>
														</td>
														<td height="18" bgcolor="#FFFFFF">
															<div align="center" class="STYLE2 STYLE1">
																${packingFlow.goodsSpecification }
															</div>
														</td>
														<td height="18" bgcolor="#FFFFFF">
															<div align="center">
																<img src="<%=basePath%>admin/tab/images/037.gif" width="9" height="9" />
																<span class="STYLE1"></span><a
																	href="updatePackFlowTo?packingFlow.packingFlowId=${packingFlow.packingFlowId }">修改</a><span class="STYLE1"></span>
															</div>
														</td>
														<td height="18" bgcolor="#FFFFFF">
															<div align="center">
																<span class="STYLE2"><img
																		src="<%=basePath%>admin/tab/images/010.gif" width="9" height="9" />
																</span><span class="STYLE1"></span><a href="delPackFlow?packingFlow.packingFlowId=${packingFlow.packingFlowId }">删除</a><span
																	class="STYLE1"></span>
															</div>
														</td>
													</tr>
													</c:forEach>
												</table>
											</td>
										</tr>
									</table>
								</td>
								<td width="9" background="<%=basePath%>admin/tab/images/tab_16.gif">
									&nbsp;
								</td>
							</tr>
						</table>
						<table width="100%" border="0" cellspacing="0" cellpadding="0">
							<tr>
							    <td height="29"><table width="100%" border="0" cellspacing="0" cellpadding="0">
							      <tr>
							        <td width="15" height="29"><img src="<%=basePath%>admin/tab/images/tab_20.gif" width="15" height="29" /></td>
							        <td background="<%=basePath%>admin/tab/images/tab_21.gif">
							         	<jump:page total="${total }" page="${page}" property="page" action="list"></jump:page>
							        </td>
							      </tr>
							    </table></td>
							    <td width="14"><img src="<%=basePath%>admin/tab/images/tab_22.gif" width="14" height="29" /></td>
							 </tr>
						 </table>
					</div>
				</td>
			</tr>
		</table>
	</body>
</html>